<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html lang="en">
<head>
    <link rel="stylesheet" href="${ctx}/statics/css/chartforms.css?v=${v}">
    <title>图表</title>
</head>
<body>
<div class="main-body">
    <!--条件筛选-->
    <section class="filters">
        <blockquote class="layui-elem-quote">
            <form action="#" class="layui-form clearfix" lay-filter="submitForm">
                <div class="layui-inline">
                    <label class="layui-form-label">类型</label>
                    <div class="layui-input-inline">
                        <select class="repType w2b" name="repType" lay-filter="repType">
                            <option value="2">日报</option>
                            <option value="3">周报</option>
                            <option value="4">月报</option>
                            <option value="5">年报</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">开始时间</label>
                    <div class="layui-input-inline startTime">
                        <input type="text" class="layui-input" id="startTime" name="startTime">
                    </div>
                </div>
                <div class="layui-inline layui-hide">
                    <label class="layui-form-label">结束时间</label>
                    <div class="layui-input-inline endTime">
                        <input type="text" class="layui-input" id="endTime" name="endTime">
                    </div>
                </div>
                <!--区域-->
                <div class="layui-inline">
                    <label class="layui-form-label">区域</label>
                    <div class="layui-input-inline area-option-wrap">
                        <%--                    <select name="areaId" lay-filter="areaMenu" class="layui-bg-blue areaMenu w7b"></select>--%>
                        <select name="areaId" xm-select="areaMenu" class="multi-area areaMenu w7b" xm-select-skin="normal" xm-select-height="38px" xm-select-show-count="1"></select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">设备类型</label>
                    <div class="layui-input-inline">
                        <select name="deviceTypeCode" xm-select="typeMenu" class="typeMenu"
                                xm-select-skin="normal" xm-select-height="38px" xm-select-radio="">
                            <option value="1" selected>水表</option>
                            <option value="0">电表</option>
                        </select>
                    </div>
                </div>
                <!--设备-->
                <div class="layui-inline">
                    <label class="layui-form-label">设备</label>
                    <div class="layui-input-inline dev-option-wrap">
                        <select name="meterCodes" xm-select="meterMenu" class="multi-meter meterMenu"
                                xm-select-skin="normal" xm-select-height="38px" xm-select-show-count="1"></select>
                    </div>
                    <span id="tips" class="tips layui-hide" style="color:#FF5722;">请先选择设备</span>
                </div>
                <%--标准量、总量--%>
                <%--            <div class="layui-inline">--%>
                <%--                <input type="checkbox" id="standard" name="standard" lay-skin="primary"  title="标准量" lay-filter="standard" checked>--%>
                <%--                <input type="checkbox" id="sum" name="sum" lay-skin="primary"  title="总量" lay-filter="sum" disabled>--%>
                <%--            </div>--%>
                <button class="layui-btn layui-btn-sm layui-hide searchBtn" lay-submit lay-filter="submitForm">查询</button>
            </form>
        </blockquote>
    </section>
    <section class="container-wrap">
        <section class="center-part">
            <!--图表-->
            <section class="charts">
                <div id="chartbox"></div>
            </section>
            <section class="repTable">
                <div class="chartswrap">
                    <table id="reports" lay-filter="reports"></table>
                </div>
            </section>
        </section>
        <section class="right-side-nav">
            <ul>
                <li class="layui-form" lay-filter="chartRadio">
                    <div class="layui-inline">
                        <input name="chartType" type="radio" value="lineTrend" title="趋势图" lay-filter="chartType" checked>
                    </div>
                    <div class="layui-inline">
                        <input name="chartType" type="radio" value="bar" title="柱状图"  lay-filter="chartType">
                    </div>
                    <div class="layui-inline">
                        <input name="chartType" type="radio" value="line" title="折线图" lay-filter="chartType">
                    </div>
                </li>
                <li class="btn refreshBtn"><i class="layui-icon layui-icon-search"></i>查询</li>
                <li class="btn exportBtn"><i class="layui-icon layui-icon-export"></i>导出</li>
                <li class="btn printBtn"><i class="layui-icon layui-icon-print"></i>打印</li>
            </ul>
        </section>
    </section>
</div>
<!--startprint-->
<div id="printContentBox" style="display: none;"></div>
<!--endprint-->
<script type="text/html" id="area-tpl">
    {{#  layui.each(d, function(index, item){ }}
    <option value="{{ item.areaId }}">{{ item.areaName }}</option>
    {{#  }); }}
</script>
<script type="text/html" id="meter-tpl">
    {{#  layui.each(d, function(index, item){ }}
    <option value="{{ item.meterCode }}">{{ item.anotherName }}</option>
    {{#  }); }}
</script>

<script src="${ctx}/statics/libs/echarts/echarts.min.js?v=${v}"></script>
<script src="${ctx}/statics/libs/echarts/darkTheme.js?v=${v}"></script>
<script src="${ctx}/statics/js/dateUtil.js?v=${v}"></script>
<script src="${ctx}/statics/js/waterChartIndex.js?v=${v}"></script>
</body>
</html>
